<template>
  <div padding="20px">
    <h2 align="center">Setting</h2>
    <CellGroup>
      <template v-for="(item,index) of plans">
        <Cell v-if="item.mesDevicesId" :title="item.mesDevicesId.deviceName" @click="onchecked(index,item)" clickable>
          {{item.startTime}}
        </Cell>
      </template>
    </CellGroup>
  </div>

</template>

<script>
  import gql from 'graphql-tag'
  import {ActionSheet, Button, Cell, CellGroup, Checkbox, CheckboxGroup, Popup} from 'vant';

  export default {
    name: "TankSet", components: {ActionSheet, Cell, Popup, Button, Checkbox, CheckboxGroup, CellGroup}, data() {
      return {
        plans: {}
      }
    }, apollo: {
      plans() {
        return {
          query: gql`query qdv{
                   plans:allMesPlan{
              id
              startTime
              mesDevicesId{
                id
             deviceName:   name
              }
           }
         }`,
          variables() {
            return {}
          },
          skip() {
            return !true
          }
        }
      }
    },
  }
</script>

<style scoped>

</style>
